<template>
    <div class="dialog-apply-detail">
        <el-table class="dialog-apply-table" :data="tableData" ref="table" border style="width: 100%">
            <el-table-column width="80" prop="userId" label="ID"></el-table-column>
            <el-table-column width="80" prop="gex" label="性别">
                <template slot-scope="scope">
                    <div v-if="scope.row.gex == 0">男</div>
                    <div v-if="scope.row.gex == 1">女</div>
                </template>
            </el-table-column>
            <el-table-column width="100" prop="age" label="年龄">
                <template slot-scope="scope">
                    <div v-if="scope.row.age == 0">1-14岁以下</div>
                    <div v-if="scope.row.age == 1">14-18岁</div>
                    <div v-if="scope.row.age == 2">19-25岁</div>
                    <div v-if="scope.row.age == 3">26-30岁</div>
                    <div v-if="scope.row.age == 4">31-40岁</div>
                    <div v-if="scope.row.age == 5">40岁以上</div>
                </template>
            </el-table-column>
            <el-table-column width="140" prop="maxHistoryJobLevel" label="历史最高段位"></el-table-column>
            <el-table-column width="80" prop="serverType" label="区服">
                <template slot-scope="scope">
                    <div v-if="scope.row.serverType == 1">微信</div>
                    <div v-if="scope.row.serverType == 2">QQ</div>
                </template>
            </el-table-column>
            <el-table-column width="120" prop="stampCount" label="印记数量"></el-table-column>
            <el-table-column width="120" prop="maxHistoryScore" label="巅峰赛积分"></el-table-column>
            <el-table-column width="120" prop="smallAccountCount" label="小号数量"></el-table-column>
            <el-table-column width="100" prop="smallAccountType" label="小号区服">
                <template slot-scope="scope">
                    <div v-if="scope.row.smallAccountType == 0">微信</div>
                    <div v-if="scope.row.smallAccountType == 1">QQ</div>
                    <div v-if="scope.row.smallAccountType == 3">都有</div>
                    <div v-if="scope.row.smallAccountType == 4">没有小号</div>
                </template>
            </el-table-column>
            <el-table-column width="120" prop="smallAccountJobLevel" label="小号段位">
                <template slot-scope="scope">
                    <div v-for="(item, index) in scope.row.smallAccountJobLevel" :key="index">
                        <div v-if="item == 0">没有小号</div>
                        <div v-if="item == 1">青铜</div>
                        <div v-if="item == 2">白银</div>
                        <div v-if="item == 3">黄金</div>
                        <div v-if="item == 4">铂金</div>
                        <div v-if="item == 5">钻石</div>
                        <div v-if="item == 6">星耀</div>
                        <div v-if="item == 7">最强王者低星</div>
                        <div v-if="item == 8">最强王者高星</div>
                        <div v-if="item == 9">荣耀王者低星</div>
                        <div v-if="item == 10">荣耀王者高星</div>
                    </div>
                </template>
            </el-table-column>
            <el-table-column width="120" prop="playTime" label="可接单时长">
                <template slot-scope="scope">
                    <div v-if="scope.row.playTime == 0">20分钟</div>
                    <div v-if="scope.row.playTime == 1">1-3小时</div>
                    <div v-if="scope.row.playTime == 2">3-5小时</div>
                    <div v-if="scope.row.playTime == 3">5小时以上</div>
                </template>
            </el-table-column>
            <el-table-column width="140" prop="openVoice" label="开语音状态">
                <template slot-scope="scope">
                    <div v-if="scope.row.openVoice == 0">可以开</div>
                    <div v-if="scope.row.openVoice == 1">偶尔开</div>
                    <div v-if="scope.row.openVoice == 3">大部分时间不方便开</div>
                    <div v-if="scope.row.openVoice == 4">从来不开</div>
                </template>
            </el-table-column>
            <el-table-column min-width="100" label="营地id" prop="ydid"></el-table-column>
            <el-table-column min-width="150" label="大号总对局场次" prop="maxPlayGameTime"></el-table-column>
            <el-table-column min-width="120" label="mvp场次" prop="mvpPlayGameTime"></el-table-column>
            <el-table-column min-width="170" label="战力超2000的英雄" prop="upTwoHeroCount"></el-table-column>
            <el-table-column min-width="130" label="满级英雄个数" prop="oftenUseHeroCount"></el-table-column>
            <el-table-column width="150" prop="titleList" label="荣誉信息">
                <template slot-scope="scope">
                    <div v-for="(item, index) in scope.row.titleList" :key="index">
                        <div>{{ item }}</div>
                    </div>
                </template>
            </el-table-column>
            <el-table-column width="120" prop="pictureList" label="荣誉图片信息">
                <template slot-scope="scope">
                    <div v-for="(item, index) in scope.row.pictureList" :key="index">
                        <el-image v-if="!index" :src="item" :preview-src-list="scope.row.pictureList" style="width: 100px;"></el-image>
                    </div>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
    name: 'ApplyDetailDialog',
    props: {
        tableData: {
            type: Array,
            default: []
        }
    },
    data () {
        return {
        }
    },
    methods: {
    }
}
</script>

<style lang="scss" scoped>
    .dialog-apply-detail {
        .table-flex {
            display: flex;
            align-items: center;
            .user-avatar {
                display: inline-block;
                min-width: 60px;
                height: 60px;
                margin-right: 5px;
                border-radius: 50%;
            }
            .user-info {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
        }
    }
</style>
